<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CS:GO军需商店 - 官方周边商城</title>
    <link rel="stylesheet" href="/css/detail.css">
    <link rel="stylesheet" href="/libs/font/iconfont/iconfont.css">
</head>
<body>
    <header></header>
    <section>
        <div class="detail-top" id='detailtop'>
            
        </div>
        <script type="text/html" id="detailtitle">
           <p>{{nickname}}</p>
        </script>
        <div class="detail-head" id="detailhead">

        </div>
        <script type="text/html" id="detailTemplate">
            <div class="detail-cent">
                <div class="cent-left">
                    <a href="#" id="amin"><img src="{{photo[0].url}}" alt="" class="a-img" id="a-img">
                        <span class="bigimg-span" id="bigimg-span"></span>
                    </a>
                        {{each photo img}}
                    <img src="{{img.url}}" alt="" class="span-s">
                        {{/each}}
                        <div class="zoom" id="zoom"> 
                            <div class="bigimg">
                                <img src="{{photo[0].url}}" alt="" id= "a-bigimg">
                            </div>
                        </div>
                </div>
                <div class="cent-right">
                    <p>{{title.slice(0,10)}}...<br><span>{{qunTitle}}</span></p>
                    <div class="right-price">￥{{price}}</div>
                    <div class="information">
                        <div><span class="btn-s-span">运费：</span><span class="i-span">上海至 北京∨</span><span>快递￥:{{commission}}</span></div>
                        <div><span class="btn-s-span">款式：</span>
                            {{each photo img}}
                            <span class="span-xl">{{img.seq}}</span>
                            {{/each}}
                        </div>
                        <div><span class="btn-s-span">数量：</span><div><b class="a-i" id='ai'>﹣</b><b class="a-n" id='an'>1</b><b class="a-m" id='am'>﹢</b></div></div>
                    </div>
                    <div class="btn-goshop">
                        <div class="btn-a">立即购买</div>
                        <div class="btn-b" id="add-to-cart">加入购物车</div>
                    </div>
                </div>
            </div>
        </script>

        <div class="detail-foot">
            <div class="mb-love">
                <div class="mb-top">猜你喜欢</div>
                <div class="next2">
                    <img src="/img/num.jpg" alt="">
                    <p>CS:GO 暴怒野兽帽衫<br><span>¥549.00</span></p>
                </div>
            </div>
            <div class="shop-information">
                <div class="top-shop"><span class="a bor-c dc">商品介绍</span><span class="a cor-b">产品评论(0)</span></div>
                <div id ="shopinformation">

                </div>
                    <script type="text/html" id="shopshow">
                        {{each descContentList.slice(1) show}}
                        <img src="{{show.image.url}}" alt="">
                        {{/each}}
                    </script>
                
            </div>
        </div>
    </section>
    <div class="home-btn"><a href="/../index.html">返回<br>首页</a></div>
    <footer></footer>
</body>
<script src="/libs/require/require.min.js" data-main="/js/detail"></script>
</html>